<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>华猫首页</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../../css/base.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="css/orderCode.css">
    <style>
        .aui-list .new-width{
            width: 100%;
        }
    </style>
</head>
<body>
<header id="header" class="aui-bar aui-bar-nav ">

    <a href="#" class="aui-pull-left aui-btn ">
        <span class="aui-iconfont aui-icon-left"></span>

    </a>
    <div class="aui-title">当面付款</div>

</header>
<section class="base-background aui-clearfix">
   <div class="code-box">

       <div class="code-name clearf">
           <span class="code-name-img "><img src="./img/user2.png" alt=""></span>
           <div class="code-name-inner ">
               <h3>小丸子头</h3>
               <p>18745628522</p>
           </div>
           <i class="dot-left"></i><i class="dot-right"></i>
       </div>
       <div class="code-img-pay">
           <div><img src="img/code.png" alt=""></div>
           <h3 class="aui-font-size-14">扫描以上二维码即可进行支付</h3>
       </div>
       <div class="code-order-set-box">
           <div class="code-order-money aui-margin-t-15">

               <span class="aui-font-size-12 aui-text-danger">￥</span><span class="aui-font-size-16 aui-text-danger">2888</span><span class="aui-font-size-12 " style="color: #757575">(赠送比例： <span>100%</span>)<span></span> </span>
           </div>
        <div class="aui-font-size-14 aui-text-info code-order-set"> 收款订单设置</div>
       </div>
   </div>

</section>

<!--<div class="alert-box">-->
<!--<div class="sure-box">-->
<!--<span class="aui-text-info">确认</span>-->
<!--<span class="aui-pull-right">取消</span>-->
<!--</div>-->
<!--</div>-->

<script src="../../js/api.js"></script>
<script src="../../js/aui-slide.js"></script>
<script src="../../js/aui-tab.js"></script>

<script>
    var slide3 = new auiSlide({
        container:document.getElementById("aui-slide3"),
        // "width":300,
        "height":240,
        "speed":500,
        "autoPlay": 3000, //自动播放
        "loop":true,
        "pageShow":true,
        "pageStyle":'dot',
        'dotPosition':'center'
    });
    var tab=new auiTab({
        element:document.getElementById('footer'),
        index:1,
        repeatClick:false
    },function (ret) {
        console.log(ret)
    });


    var alertBox={


    }
</script>
</body>
</html>